/* skin = 'print' */ /* pouzita defaultni skinova definice barev 'ffffff000000000000000000000000'*/ /***** CSS - PRINT ONLY (no edit features) *****/ @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700&subset=latin,latin-ext); @font-face { font-family: 'gallery'; src: url('/fonts/gallery/gallery.eot?73801754'); src: url('/fonts/gallery/gallery.eot?73801754#iefix') format('embedded-opentype'), url('/fonts/gallery/gallery.woff?73801754') format('woff'), url('/fonts/gallery/gallery.ttf?73801754') format('truetype'), url('/fonts/gallery/gallery.svg?73801754#gallery') format('svg'); font-weight: normal; font-style: normal; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; position: relative; -webkit-text-size-adjust: 100%; } body { font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-size: 20px; background: #fff;/* -o-transform: scale(0.9); -ms-transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); */} #proposal {color: #000; position: relative; padding: 0; margin: 0; min-height: 100%; height: auto !important; height: 100%; min-width: 1200px; zoom: 0.8; } #hdr { display: block; margin: 0; padding: 10px; text-align: center; border-bottom: 1px solid #000; } #ftr { display: block; width: 1200px; font-size: 12px; clear: both; position: relative; top: 0; margin: 0 auto; min-height: 128px; padding: 20px 0; text-align: left; zoom: 0.8; } #ftr:after { display: block; float: none; clear: both; width: 100%; height: 1px; content: ""; } #ftr p.main { font-size: 20px; margin: 0 auto; padding: 10px 40px 0 40px; width: 1120px; text-align: left; line-height: 1.3;} #ftr p.main a { font-size: 28px; color: #000; text-transform: uppercase; text-decoration: none; } #ftr p.pdf { display: none; } #ftr #qrcode, #ftr #qrcode img, #ftr #qrcode canvas { display: block; width: 128px; height: 128px; } #ftr #qrcode { float: left; margin: 0 20px 10px 40px;} #ftr p.url { display: block; font-size: 20px; margin: 0 0 10px 0; } #ftr p.url a { color: #000; } #proposal div.block { background: transparent; margin: 0; position: relative; border-bottom: 1px solid #ccc; /*display: inline-block; width: 100%;*/ page-break-inside: avoid !important; } #proposal div.block>* { width: 1200px; padding: 20px 0; margin-left: auto; margin-right: auto; page-break-inside: avoid !important; } #proposal div.block a { color: #000; text-decoration: none; } #proposal div.block h2, #proposal div.block h3 { font-size: 50px; font-weight: bold; margin-top: 0; margin-bottom: 20px; padding: 0; } #proposal div.block h4 { font-size: 30px; font-weight: bold; position: relative; margin: 0 auto 20px auto; padding: 5px 0; } #proposal div.block p, #proposal div.block div.body { font-size: 20px; margin-top: 0; margin-bottom: 0; padding: 0; line-height: 1.2; } #proposal div.block img.ce, #proposal div.block table.ce { border: 0; } /* terminace floatu v bloku, aby nevylezaly z bloku */ #proposal div.block:after { content: ""; display: block; position: relative; clear: both; width: 100%; line-height: 0px; max-height: 0 !important; height: 1px; } /* --- INTRO - zacatek --- */ #proposal div.block.intro { padding: 40px 0; margin: 0; position: relative; } #proposal div.block.intro div.image { display: none; } #proposal div.block.intro h2, #proposal div.block.intro h4, #proposal div.block.intro p, #proposal div.block.intro div.body { position: relative; width: 1120px; padding: 0; margin: 10px auto; text-align: center; } #proposal div.block.intro span.deleter { display: none; } /* --- INTRO - konec --- */ /* --- PARALAX - zacatek --- */ #proposal div.block.paralax { width: 100%; padding: 50px 0; margin: 0; position: relative; } #proposal div.block.paralax * { position: relative; } #proposal div.block.paralax div.image { display: none; } #proposal div.block.paralax h2, #proposal div.block.paralax h4, #proposal div.block.paralax p, #proposal div.block.paralax div.body { width: 1120px; padding: 0; margin: 10px auto; text-align: center; } /* --- PARALAX - konec --- */ /* --- TEXT - zacatek --- */ #proposal div.block.text { padding: 60px 0; } #proposal div.block.text h2, #proposal div.block.text h4 { width: 1120px; padding: 0; margin: 10px auto; text-align: center; } #proposal div.block.text p, #proposal div.block.text div.body { position: relative; width: 1120px; padding: 0; margin: 0 auto; text-align: left; } /* --- TEXT - konec --- */ /* --- TEXT_IMAGE - zacatek --- */ #proposal div.block.text_image { padding: 60px 0; min-height: 300px; } #proposal div.block.text_image img.ce { display: block; position: relative; float: right; left: auto; right: 50%; margin: 0 auto 0 -560px; width: 560px; border: 0; padding: 0; background: transparent !important; } #proposal div.block.text_image img[src=""].ce { display: none; } #proposal div.block.text_image h2, #proposal div.block.text_image h4, #proposal div.block.text_image p, #proposal div.block.text_image div.body { position: relative; left: 50%; right: auto; width: 520px; margin: 0 auto 20px 40px; } #proposal div.block.text_image h2 { font-size: 30px; } #proposal div.block.text_image h4 { font-size: 20px; } /* varianta zarovnani obrazku doprava */ #proposal div.block.text_image.right img.ce { float: left; left: 50%; right: auto; margin: 0 -560px 0 auto; } #proposal div.block.text_image.right h2, #proposal div.block.text_image.right h4, #proposal div.block.text_image.right p, #proposal div.block.text_image.right div.body { left: auto; right: 50%; width: 520px; margin: 0 40px 20px auto; text-align: left; } /* --- sipka pro zmenu zarovnani obrazku - zacatek --- */ #proposal img.ce.floating + span.toggler { display: none; } /* --- TEXT_IMAGE - konec --- */ /* --- IMAGE - zacatek --- */ #proposal div.block.image { padding: 40px 0; } #proposal div.block.image img.ce { display: block; width: 1120px; max-height: 1000px; margin: 0 auto; padding: 0; border: none; } #proposal div.block.image h2 { font-size: 30px; } #proposal div.block.image img.ce[src=""] { height: 400px; } #proposal div.block.image h2 { position: relative; width: 1120px; margin: 20px auto 0 auto; padding: 0 40px; text-align: center; } #proposal div.block.image p, #proposal div.block.image div.body { width: 1120px; margin: 20px auto 0 auto; padding: 0 40px; text-align: center; } /* --- IMAGE - konec --- */ /* --- TESTIMONIAL - zacatek --- */ #proposal div.block.testimonial { position: relative; padding: 40px 0; } #proposal div.block.testimonial h2 { text-align: center; font-size: 30px; margin: -20px auto 20px auto; padding: 0; width: 1120px;} #proposal div.block.testimonial>ul { text-align: center; display: block; position: relative; margin: 0 auto; padding: 0 0 0 40px; width: 1161px; } #proposal div.block.testimonial>ul>li { display: inline-block; vertical-align: top; text-align: center; margin: 20px 0 0 0; padding: 0 40px 0 0; list-style: none; width: 347px; }/*347px nebo calc(1040px / 3)*/ #proposal div.block.testimonial>ul>li img { margin: 0 auto 10px auto; position: relative; display: block; padding: 0 0 0 80px; overflow: hidden; width: 0; height: 80px; top: 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } #proposal div.block.testimonial>ul>li h3 { font-size: 30px; line-height: 30px; white-space: normal; text-align: center; margin: 10px 0; padding: 0; } #proposal div.block.testimonial>ul>li h4 { font-size: 17px; margin: -10px 0 0 0; padding: 0; white-space: normal; text-align: center; } #proposal div.block.testimonial>ul>li div.cite { font-size: 20px; display: block; line-height: 25px; margin: 20px 0 0 0; padding: 0; white-space: normal; position: relative; text-align: left; } #proposal div.block.testimonial a.testimonial-scroll { display: none; } /* --- TESTIMONIAL - konec --- */ /* --- REFERENCE - zacatek --- */ #proposal div.block.reference { position: relative; padding: 40px 0 0 0; } #proposal div.block.reference h2 { text-align: center; font-size: 30px; margin: -20px auto 20px auto; padding: 0; width: 1120px;} #proposal div.block.reference ul { text-align: center; display: block; position: relative; margin: 0 auto; padding: 0 0 0 40px; width: 1161px; } #proposal div.block.reference ul li { display: inline-block; vertical-align: top; text-align: center; margin: 0 40px 40px 0; padding: 0; list-style: none; width: 347px; font-size: 20px;} #proposal div.block.reference ul li div.description { padding: 10px 0 0 0; text-align: left; text-decoration: none; font-size: 17px; } #proposal div.block.reference ul li img { border: none; width: 0; height: 250px; margin: 0 auto; padding: 0 0 0 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } /* --- REFERENCE - konec --- */ /* --- TABLE - zacatek --- */ #proposal div.block.table { padding: 40px 0; } #proposal div.block.table table { width: 1120px; padding: 0; margin-left: auto; border-spacing: 0; border: 1px solid #ccc; border-bottom: none; border-right: none; /*border-collapse: collapse;*/ } #proposal div.block.table table tr td { text-align: left; padding: 5px 10px; border: 1px solid #ccc; border-top: none; border-left: none;} /* --- TABLE - konec --- */ /* --- PRICETAB - zacatek --- */ #proposal div.block.pricetab { padding: 0; padding: 40px 0;} #proposal div.block.pricetab table { position: relative; padding: 0; margin: 0 auto; width: 1120px; border-spacing: 0; border: 0; } #proposal div.block.pricetab table tr { position: relative; vertical-align: middle; } #proposal div.block.pricetab table tr td { font-size: 20px; position: relative; text-align: center; padding: 10px 0; width: 15%; border-width: 0 0 1px 0; border-style: solid; border-color: #ccc; } #proposal div.block.pricetab table tr td.symbols { font-family: gallery, 'Source Sans Pro', sans-serif; } #proposal div.block.pricetab table tr td:first-child, #proposal div.block.pricetab table tr td.top:first-child { text-align: right; width: 22%; padding-left: 10px; padding-right: 20px; } #proposal div.block.pricetab table tr:nth-child(1) td { font-size: 30px; font-weight: bold; padding: 30px 0; border-bottom-width: 0; } #proposal div.block.pricetab table tr:nth-child(2) td { font-weight: bold; padding: 0; border-width: 0; } #proposal div.block.pricetab table tr:nth-child(3) td { font-size: 17px; padding: 0 0 10px 0; } #proposal div.block.pricetab table tr td.top { width: 20%; border-left-width: 1px; border-right-width: 1px; } #proposal div.block.pricetab table tr:nth-child(1) td.top { border-top-width: 1px; } #proposal div.block.pricetab table.type2 tr td:first-child { display: none; } /* --- PRICETAB - konec --- */ /* --- QPRICETAB - zacatek --- */ #proposal div.block.qpricetab { padding: 40px 0;} #proposal div.block.qpricetab table.ce { margin: 0 auto; width: 1120px; border-spacing: 0; /*border-collapse: collapse;*/ border: none; position: relative; overflow: hidden;} #proposal div.block.qpricetab table.ce tr { position: relative; vertical-align: middle;} #proposal div.block.qpricetab table.ce tr td { text-align: right; padding: 10px 20px; position: relative; border-width: 0 0 1px 0; border-style: solid; border-color: #ccc; } #proposal div.block.qpricetab table.ce tr td:empty:before { content: " "; } /* velmi podivna, ale nutna vec - bunka tabulky bez obsahu neumi byt oramovana - takto se to obejde */ #proposal div.block.qpricetab table.ce tr td:nth-child(1) { font-size: 17px; text-align: left; width: 50%; border-left-width: 1px; } #proposal div.block.qpricetab table.ce tr td:nth-child(2), #proposal div.block.qpricetab table.ce tr td:last-child { border-right: 1px solid #ccc !important; } #proposal div.block.qpricetab table.ce tr td:nth-child(3) { text-align: left; } #proposal div.block.qpricetab table.ce tr td:nth-child(1):first-line { font-size: 20px; font-weight: bold; } #proposal div.block.qpricetab table.ce tr:first-child td, #proposal div.block.qpricetab table.ce tr:first-child td:first-line { font-size: 17px; } #proposal div.block.qpricetab table.ce tr:first-child td { border-width: 0 0 1px 0; } #proposal div.block.qpricetab table.ce tr:first-child td:nth-child(2), #proposal div.block.qpricetab table.ce tr:first-child td:last-child { border-right: none !important; } #proposal div.block.qpricetab table.ce tr.last td { font-weight: bold; } #proposal div.block.qpricetab table.ce tr td.minus { font-style: italic; } #proposal div.block.qpricetab table.ce.plain tr:first-child, #proposal div.block.qpricetab table.ce.plain tr td:nth-child(2), #proposal div.block.qpricetab table.ce.plain tr td:nth-child(3), #proposal div.block.qpricetab table.ce.easy tr:first-child, #proposal div.block.qpricetab table.ce.easy tr td:nth-child(2), #proposal div.block.qpricetab table.ce.easy tr td:nth-child(3) {display: none;} /* --- QPRICETAB - konec --- */ /* --- COMPANYCONTACT - zacatek --- */ #proposal div.block.companycontact { margin: 0 auto; padding: 40px 0 0 0; min-height: 500px; text-align: center; } #proposal div.block.companycontact div.map-canvas { position: relative; width: 1200px; height: 500px; margin: 0 auto; padding: 0; page-break-inside: avoid; } #proposal div.block.companycontact div.panel { margin: 40px 20px; width: 540px; padding: 0; border: none; display: inline-block; vertical-align: top; text-align: left; } #proposal div.block.companycontact div.panel img, #proposal div.block.companycontact div.panel.wide-img img { width: auto; max-width: 520px; max-height: 80px; margin: 0 0 20px 0; background-image: none !important;} #proposal div.block.companycontact div.panel.tall-img img { max-width: 140px; height: auto; margin: 0 20px 10px 0; float: left; } #proposal div.block.companycontact div.panel img[src=""], #proposal div.block.companycontact div.panel span.deleter { display: none; } #proposal div.block.companycontact div.panel h4 { font-size: 20px; margin: 0; padding: 0; line-height: 1; } #proposal div.block.companycontact div.panel p { min-height: 1.5em; margin: 5px 0; padding: 0; position: relative; } #proposal div.block.companycontact div.panel p.address { line-height: 1.2; margin: 0 0 20px 0; } #proposal div.block.companycontact div.panel.tall-img p.address:after { content: ""; display: block; height: 0; width: 100%; margin: 0; padding: 0; clear: both; } #proposal div.block.companycontact div.panel p a.ce { font-size: 85%; margin: 0 0 0 35px; padding: 0 5px; display: block; text-decoration: none; white-space: nowrap; overflow: hidden; } #proposal div.block.companycontact div.panel p.phone:before, #proposal div.block.companycontact div.panel p.email:before, #proposal div.block.companycontact div.panel p.web:before, #proposal div.block.companycontact div.panel p.twitter:before, #proposal div.block.companycontact div.panel p.facebook:before { /*content: "\E806";*/ content: "\0E80"; display: block; position: absolute; top: -7px; width: 24px; height: 24px; font-family: gallery; font-size: 24px; color: #ccc; } #proposal div.block.companycontact div.panel p.phone:before { content: "\E801"; } #proposal div.block.companycontact div.panel p.web:before { content: "\E807"; } #proposal div.block.companycontact div.panel p.twitter:before { content: "\E802"; } #proposal div.block.companycontact div.panel p.facebook:before { content: "\E803"; } /* --- COMPANYCONTACT - konec --- */ /* --- PERSONALCONTACT - zacatek --- */ /* U tohoto bloku probehla zasadni uprava za behu projektu. V dobe, kdy uz bylo vytvoreno pres tisic nabidek a v nich pouzito cca 800 bloku typu PERSONALCONTACT, bylo nutno zmenit HTML kod bloku. Od te chvile (rijen 2015) existuji dve podoby bloku, pricemz nova pouze opravuje nedostatky prvni, ale vypadat ma shodne s prvni verzi. Prvni/puvodni verze ma veskery obsah bloku zabalen v bloku tridy "panel". Druha verze ma obsah rozdelen na dve casti - do dvou bloku, ketre maji tridu "part". Prvni cast puvodniho obsahu je zabalena v bloku s dodatecnou tridou "part1" a druha cast obsahu je zabalena v bloku s dodatecnou tridou "part2". Nasledujici stylopis bloku styluje obe verze. */ #proposal div.block.personalcontact { position: relative; padding: 40px 0; overflow: hidden;} #proposal div.block.personalcontact div.panel, #proposal div.block.personalcontact div.part { position: relative; display: block; left: 50%; right: auto; margin: 0; padding: 30px 0; width: 600px; min-height: 120px; } #proposal div.block.personalcontact div.panel img { position: absolute; display: block; padding: 0 0 0 120px; overflow: hidden; width: 0; height: 120px; left: calc(50% - 300px); right: auto; margin: 0 0 0 -560px; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } #proposal div.block.personalcontact div.panel h4, #proposal div.block.personalcontact div.panel p.post, #proposal div.block.personalcontact div.panel p.address { position: absolute; width: 360px; text-align: left; left: calc(50% - 300px); right: auto; margin: 0 0 0 -400px; padding: 0; display: block;} #proposal div.block.personalcontact div.panel h4 { font-size: 30px; line-height: 30px;} #proposal div.block.personalcontact div.panel p.post { top: 80px; font-size: 17px; } #proposal div.block.personalcontact div.panel p.address { top: 120px; } #proposal div.block.personalcontact div.part1 { margin-left: -560px; width: 520px;} #proposal div.block.personalcontact div.part1 img { float: left; padding: 0 0 0 120px; overflow: hidden; width: 0; height: 120px; margin: 0 40px 20px 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; } #proposal div.block.personalcontact div.part1 h4, #proposal div.block.personalcontact div.part1 p.post, #proposal div.block.personalcontact div.part1 p.address { margin: 0 0 10px 0; padding: 0; } #proposal div.block.personalcontact div.part1 h4 { font-size: 30px; line-height: 30px;} #proposal div.block.personalcontact div.part1 p.post { font-size: 17px; } #proposal div.block.personalcontact div.part2 { position: absolute; top: 40px; } #proposal div.block.personalcontact span.deleter { display: none; } #proposal div.block.personalcontact p.phone, #proposal div.block.personalcontact p.email, #proposal div.block.personalcontact p.web, #proposal div.block.personalcontact p.twitter, #proposal div.block.personalcontact p.facebook { width: 520px; position: relative; text-align: left; margin: 5px 40px; } #proposal div.block.personalcontact p a.ce { margin: 0 0 0 35px; padding: 0 5px; display: block; text-decoration: none; white-space: nowrap; overflow: hidden; cursor: pointer; } #proposal div.block.personalcontact p.phone:before, #proposal div.block.personalcontact p.email:before, #proposal div.block.personalcontact p.web:before, #proposal div.block.personalcontact p.twitter:before, #proposal div.block.personalcontact p.facebook:before { /*content: "\E806";*/ content: "\0E80"; display: block; position: absolute; top: -3px; width: 24px; height: 24px; font-family: gallery; font-size: 24px; color: #ccc; } #proposal div.block.personalcontact p.phone:before { content: "\E801"; } #proposal div.block.personalcontact p.web:before { content: "\E807"; } #proposal div.block.personalcontact p.twitter:before { content: "\E802"; } #proposal div.block.personalcontact p.facebook:before { content: "\E803"; } /* --- PERSONALCONTACT - konec --- */ /* --- BUTTONS - zacatek --- */ #proposal div.block.buttons { display: none; } /* --- BUTTONS - konec --- */ /* --- FORMULARE - zacatek --- */ #proposal div.block.reg_form .service, #proposal div.block.reg_form .thx, #proposal div.block.contact_form .service, #proposal div.block.contact_form .thx { display: none; } #proposal div.block.reg_form fieldset { border: none; margin: 10px 0; padding: 0; } /* --- FORMULARE - konec --- */ /* --- REG_FORM - zacatek --- */ #proposal div.block.reg_form { padding: 60px 0; } #proposal div.block.reg_form > * { position: relative; width: 1120px; padding: 0; margin: 20px auto; } #proposal div.block.reg_form h2 { text-align: center; } #proposal div.block.reg_form p { margin: 10px auto; } #proposal div.block.reg_form form > p label { display: inline-block; width: 150px; margin-right: 20px; } #proposal div.block.reg_form input[type=text], #proposal div.block.reg_form input[type=email] { width: 950px; border: 0; border-bottom: 1px solid #ccc; padding-left: 10px; position: relative; top: 0px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; font-size: 17px; } #proposal div.block.reg_form fieldset { margin: 20px 0; } #proposal div.block.reg_form fieldset input[type=checkbox] { display: none; } #proposal div.block.reg_form fieldset input[type=checkbox] + label { display: block; padding-left: 40px; } #proposal div.block.reg_form fieldset input[type=checkbox] + label:before { content: " "; font-family: gallery, sans-serif; font-size: 24px; line-height: 15px; display: block; position: absolute; left: 0; width: 18px; height: 18px; border: 1px solid #ccc; border-radius: 3px; } #proposal div.block.reg_form fieldset input[type=checkbox]:checked + label:before { content: "v"; } #proposal div.block.reg_form fieldset input[type=radio] { display: none; } #proposal div.block.reg_form fieldset input[type=radio] + label { display: block; padding-left: 40px; } #proposal div.block.reg_form fieldset input[type=radio] + label:before { content: " "; font-family: gallery, sans-serif; font-size: 14px; line-height: 22px; text-align: center; display: block; position: absolute; left: 0; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 50%; } #proposal div.block.reg_form fieldset input[type=radio]:checked + label:before { content: "O"; } #proposal div.block.reg_form button[type=submit] { background: transparent; border: 1px solid #ccc; border-radius: 5px; display: block; margin: 20px auto; padding: 0 20px; line-height: 40px; font-family: "Source Sans Pro", sans-serif; font-weight: normal; font-size: 17px; } /* --- REG_FORM - konec --- */ /* --- CONTACT_FORM - zacatek --- */ #proposal div.block.contact_form { padding: 60px 0; } #proposal div.block.contact_form > * { position: relative; width: 1120px; padding: 0; margin: 20px auto; } #proposal div.block.contact_form h2 { text-align: center; } #proposal div.block.contact_form p { margin: 10px auto; clear: both; } #proposal div.block.contact_form form > p label { display: inline-block; width: 150px; margin-right: 20px; } #proposal div.block.contact_form input[type=text], #proposal div.block.contact_form input[type=email] { width: 950px; border: 0; border-bottom: 1px solid #ccc; padding-left: 10px; position: relative; top: 0px; font-family: "Source Sans Pro", sans-serif; font-weight: bold; font-size: 17px; } #proposal div.block.contact_form textarea, #proposal div.block.contact_form .textarea { box-sizing: border-box; width: 950px; min-height: 30px; white-space: pre-wrap; float: right; font-family: "Source Sans Pro", sans-serif; font-weight: bold; font-size: 17px; margin: 0; padding: 10px; border: 1px solid #ccc; border-radius: 3px; } #proposal div.block.contact_form form p:last-child { padding-top: 10px; } #proposal div.block.contact_form button[type=submit] { background: transparent; border: 1px solid #ccc; border-radius: 5px; display: block; margin: 20px auto; padding: 0 20px; line-height: 40px; font-family: "Source Sans Pro", sans-serif; font-weight: normal; font-size: 17px; } /* --- CONTACT_FORM - konec --- */ #system-menu { display: none; } /* --- timer --- START TIME = 1751337943.869653 0.000030 (+0.000030) - START 0.003609 (+0.003579) - STOP - report STOP TIME = 1751337943.873247 */